<!DOCTYPE html>
<html lang="en">

<?php
	require_once("administrative/clases/funciones.php");
	$plantilla = new Funciones;
	echo $plantilla->headerPagina('CEMA - CONTACTO',1); 
	?>
	
	
<div class="container">

        <!-- Marketing Icons Section -->
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">
                    Contacto
						<small>CEMA</small>
                </h1>
				<ol class="breadcrumb">
                    <li><a href="index.php">Inicio</a>
                    </li>
					<li class="active">Contactenos</li>
                </ol>
			</div>
		</div>

		<div class="row">
        <!-- Map Column -->
        <div class="col-md-8">
            <!-- Embedded Google Map -->
			<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1930.6336366000376!2d-90.55693786991861!3d14.583840361065716!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8589a123bd4619ef%3A0x52f1dc12ed4c7a04!2sT-14%2C+1A+Ave%2C+Universidad+de+San+Carlos+de+Guatemala%2C+Guatemala!5e0!3m2!1ses!2sus!4v1414097948828" width="600" height="450" frameborder="0" style="border:0"></iframe>	
		</div>
		<div class="col-md-4">
                <h3>Detalles de Contacto</h3>
                <p>
                    Edificio T-14<br>Ciudad Universitaria zona 12<br>Ciudad de Guatemala<br>
                </p>
                <p><i class="fa fa-phone"></i> 
                    <abbr title="Phone">Tel.</abbr>:(502)24188000 Ext. 1409 - 1410</p>
                <p><i class="fa fa-envelope-o"></i> 
                    <abbr title="Email">Email</abbr>: <a href="#">cemadireccion@gmail.com</a>
                </p>
                <p><i class="fa fa-clock-o"></i> 
                    <abbr title="Hours">Horario</abbr>: Lunes - Viernes: 7:00 AM to 3:00 PM</p>
                <ul class="list-unstyled list-inline list-social-icons">
                    <li>
                        <a href="#"><i class="fa fa-facebook-square fa-2x"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="fa fa-twitter-square fa-2x"></i></a>
                    </li>
                </ul>
            </div>
        </div>
		
		<!-- Contact Form -->
        <!-- In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
        <div class="row">
            <div class="col-md-8">
                <h3>Escríbenos</h3>
                <form name="sentMessage" id="contactForm" novalidate>
                    <div class="control-group form-group">
                        <div class="controls">
                            <label>Nombre:</label>
                            <input type="text" class="form-control" id="name" required data-validation-required-message="Please enter your name.">
                            <p class="help-block"></p>
                        </div>
                    </div>
                    <div class="control-group form-group">
                        <div class="controls">
                            <label>Número telefónico:</label>
                            <input type="tel" class="form-control" id="phone" required data-validation-required-message="Please enter your phone number.">
                        </div>
                    </div>
                    <div class="control-group form-group">
                        <div class="controls">
                            <label>Correo Electrónico:</label>
                            <input type="email" class="form-control" id="email" required data-validation-required-message="Please enter your email address.">
                        </div>
                    </div>
                    <div class="control-group form-group">
                        <div class="controls">
                            <label>Mensaje:</label>
                            <textarea rows="10" cols="100" class="form-control" id="message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
                        </div>
                    </div>
                    <div id="success"></div>
                    <!-- For success/fail messages -->
                    <button type="submit" class="btn btn-primary">Enviar mensaje</button>
                </form>
            </div>

        </div>
        <!-- /.row -->
		
		<hr>
		
		
		<?php
	echo $plantilla->footerPagina();
	?>

    </div>
    <!-- /.container -->

    <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
	
	<!-- Contact Form JavaScript -->
    <!-- Do not edit these files! In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>
	
	</body>

</html>